html, .contents-wrapper, .footer.contents-wrapper, #page-HOME .footer {
    background-color: #000;
}

header {
    position: absolute;
    z-index: 4;
    padding-bottom: 0;
}

header .logo {
    display: inline-block;
    position: relative;
}

header .logo .img {
    background: url('https://secure.netflix.com/us/layout/ecweb/common/logo-reg2x.png') no-repeat transparent;
    vertical-align: middle;
    background-size: 100%;

    /*
       
       
       
    */
    margin: auto;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    /*  */
}

header .shadow {
    display: none;
}

header .hlinks {
    float: right;
    bottom: 75%;
}

header .hlinks:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

header .hlinks a:hover {
    text-decoration: none;
}

header .hlinks .text, .cta-messaging button {
    border: none;
    display: inline-block;
    text-decoration: none;
    text-shadow: none;
    line-height: 1em;
    vertical-align: middle;
    cursor: pointer;
    font-family: Arial;
    font-weight: 400;
    letter-spacing: .1px;
    border-radius: 2px;
    text-align: center;
    box-sizing: border-box;
    color: #000;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    background: #e6e6e6;
    background: -moz-linear-gradient(top, #e6e6e6 0%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #dddddd));
    background: -webkit-linear-gradient(top, #e6e6e6 0%, #dddddd 100%);
    background: -o-linear-gradient(top, #e6e6e6 0%, #dddddd 100%);
    background: -ms-linear-gradient(top, #e6e6e6 0%, #dddddd 100%);
    background: linear-gradient(to bottom, #e6e6e6 0%, #dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#dddddd',GradientType=0 );
}

header .hlinks .text:hover, .cta-messaging button:hover {
    background: #eaeaea;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

header .hlinks .text:active, .cta-messaging button:active {
    background: #c2c2c2;
}

header .hlinks .text.disabled, .cta-messaging button.disabled {
    cursor: default;
    opacity: .5;
    background: #e6e6e6;
    background: -moz-linear-gradient(top, #e6e6e6 0%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #dddddd));
    background: -webkit-linear-gradient(top, #e6e6e6 0%, #dddddd 100%);
    background: -o-linear-gradient(top, #e6e6e6 0%, #dddddd 100%);
    background: -ms-linear-gradient(top, #e6e6e6 0%, #dddddd 100%);
    background: linear-gradient(to bottom, #e6e6e6 0%, #dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#dddddd',GradientType=0 );
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}


header .hlinks .text {
    color: #fff;
    background: #e50914;
    background: -moz-linear-gradient(top, #e50914 0%, #db0510 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e50914), color-stop(100%, #db0510));
    background: -webkit-linear-gradient(top, #e50914 0%, #db0510 100%);
    background: -o-linear-gradient(top, #e50914 0%, #db0510 100%);
    background: -ms-linear-gradient(top, #e50914 0%, #db0510 100%);
    background: linear-gradient(to bottom, #e50914 0%, #db0510 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e50914', endColorstr='#db0510',GradientType=0 );
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
}

header .hlinks .text:hover {
    background: #f40612;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
}

header .hlinks .text:active {
    background: #bb0a12;
}

#header_menu_links {
    display:none;
    position:absolute;
    background-color: #e2e2e2;
    width: 100%;
    padding: 10px 0 10px;
    box-shadow: 0 3px 4px -2px black;
}

#header_menu_links .hlinks {
    float:none;
    text-align:right;
    margin-bottom:7px;
}

#header_menu_links .hlinks .text {
    background:none;
    border:none;
}

header .hlinks .signout .text {
    color: #000;
    background: #e6e6e6;
    background: -moz-linear-gradient(top, #e6e6e6 0%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #dddddd));
    background: -webkit-linear-gradient(top, #e6e6e6 0%, #dddddd 100%);
    background: -o-linear-gradient(top, #e6e6e6 0%, #dddddd 100%);
    background: -ms-linear-gradient(top, #e6e6e6 0%, #dddddd 100%);
    background: linear-gradient(to bottom, #e6e6e6 0%, #dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#dddddd',GradientType=0 );
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

header .hlinks .signout .text:hover {
    background: #eaeaea;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

header .hlinks .signout .text:active {
    background: #c2c2c2;
}

header .logo #print-img {
    width:100%;
    display:none;
}


@media print {
    header .logo .img {
        background-image:none;
    }
    header .logo #print-img {
        width:100%;
        display:inline;
    }

}

/*  */

button.blue, .blue button {
    color: #fff;
    background: #0080ff;
    background: -moz-linear-gradient(top, #0080ff 0%, #0277ec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0080ff), color-stop(100%, #0277ec));
    background: -webkit-linear-gradient(top, #0080ff 0%, #0277ec 100%);
    background: -o-linear-gradient(top, #0080ff 0%, #0277ec 100%);
    background: -ms-linear-gradient(top, #0080ff 0%, #0277ec 100%);
    background: linear-gradient(to bottom, #0080ff 0%, #0277ec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0080ff', endColorstr='#0277ec',GradientType=0 );
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
    margin-top: 0;
    margin-bottom: 0;
}

button.blue:hover, .blue button:hover {
    background: #2490fd;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
}

button.blue:active, .blue button:active {
    background: #0166c9;
}

.ux {
    height: 100vh;
    padding-left: 5%;
    padding-right: 5%;
}

.shape_5x3_5 .ux {
    padding-left: 0;
    padding-right: 0;
}

h1, h2, h3, h4, h5 {
    color: #fff;
}

header {
    top: 0;
}

.cta-messaging {
    z-index: 3;
    display: table; /*  */
    height: 39%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
}

.shape_5x3_5 .cta-messaging {
    padding-top: 0;
    margin-top: auto;
    height: 100%;
    text-align: left;
    display: table;
    left: 0;
    width: 100%;
}

.cta-messaging > .clearfix {
    display: table-cell;
    vertical-align: middle;
}

.shape_5x3_5 .cta-messaging > .clearfix {
    text-align: left;
}

.shape_5x3_5 .cta-messaging > .clearfix > * {
    max-width: 45%;
}

.shape_5x3_5 .cta-messaging .decoration {
    text-align: left;
    display: block;
}

.cta-messaging h1 {
    font-weight: 400;
    text-shadow: 1px 1px rgba(51,51,51,.5);
}

.cta-messaging .pricing {
    display: block;
    font-weight: 400;
}

.hero-loaded .rotating {
    left: -9999px;
}

.img-mask, .hero-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero-img {
    background-repeat: no-repeat;
}

.no-flexbox.flexboxlegacy .cta-messaging .decoration {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.no-flexbox.flexboxlegacy.shape_5x3_5 .cta-messaging .decoration {
    display: block;
}

.cta-messaging button {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.shape_5x3_5 .cta-messaging button {
    display: inline-block;
}

#page-HOME .footer {
    position: absolute;
    width: 100%;
    text-shadow: none;
    color: #fff;
}

.rgba footer .group1, .rgba footer .group2, .rgba footer .group3 {
    border-color: rgba(189,189,189,.3);
}

@-webkit-keyframes nooptransition {
    from {}
    to {}
}

@-moz-keyframes nooptransition {
    from {}
    to {}
}

@-o-keyframes nooptransition {
    from {}
    to {}
}

@keyframes nooptransition {
    from {}
    to {}
}

@-webkit-keyframes fadein {
    from { opacity: 0 }
    to { opacity: inherit }
}

@-moz-keyframes fadein {
    from { opacity: 0 }
    to { opacity: inherit }
}

@-o-keyframes fadein {
    from { opacity: 0 }
    to { opacity: inherit }
}

@keyframes fadein {
    from { opacity: 0 }
    to { opacity: inherit }
}

@-webkit-keyframes fadeout {
    from { opacity: inherit }
    to { opacity: 0 }
}

@-moz-keyframes fadeout {
    from { opacity: inherit }
    to { opacity: 0 }
}

@-o-keyframes fadeout {
    from { opacity: inherit }
    to { opacity: 0 }
}

@keyframes fadeout {
    from { opacity: inherit }
    to { opacity: 0 }
}

.hero-area[curr-step="0"].transitioning .mgr-next.rotating {
    left: 0;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 100ms;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: fadein;
    -moz-animation-duration: 100ms;
    -moz-animation-timing-function: linear;
    -o-animation-name: fadein;
    -o-animation-duration: 100ms;
    -o-animation-timing-function: linear;
    animation-name: fadein;
    animation-duration: 100ms;
    animation-timing-function: linear;
}


.touch.no-webgl .hero-area[curr-step="0"].transitioning .mgr-next.rotating {
    -webkit-animation: none !important;
    animation: none !important;
}

.transitioning .mgr-curr.rotating {
    left: 0;
    -webkit-animation-name: zindexonetoauto;
    -webkit-animation-duration: 600ms;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zindexonetoauto;
    -moz-animation-duration: 600ms;
    -moz-animation-timing-function: linear;
    -o-animation-name: zindexonetoauto;
    -o-animation-duration: 600ms;
    -o-animation-timing-function: linear;
    animation-name: zindexonetoauto;
    animation-duration: 600ms;
    animation-timing-function: linear;
}

.touch.no-webgl .transitioning .mgr-curr.rotating {
    -webkit-animation: none !important;
    animation: none !important;
}

.transitioning .mgr-next.rotating {
    left: 0;
    z-index: 1;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 600ms;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: fadein;
    -moz-animation-duration: 600ms;
    -moz-animation-timing-function: linear;
    -o-animation-name: fadein;
    -o-animation-duration: 600ms;
    -o-animation-timing-function: linear;
    animation-name: fadein;
    animation-duration: 600ms;
    animation-timing-function: linear;
}

.transitioning[curr-step="0"] .mgr-next.rotating {
    z-index: auto;
}

.touch.no-webgl .transitioning .mgr-next.rotating {
    -webkit-animation: none !important;
    animation: none !important;
}

.mgr-curr.rotating {
    left: 0;
}

@media screen and (orientation: landscape) {
    body {
        -webkit-text-size-adjust: none; /*  */
    }
}header {
    width: 93vw;
    height: 8vmin;
    padding-top: 3.5vmin;
    padding-right: 3.5vw;
    padding-left: 3.5vw;
}

.shape_5x3_5 header {
    width: 96vw;
    padding: 3.5vmin 2vw 0 2vw;
}

header .logo {
    width: 30vmin;
}

@media screen and (min-width: 786px) and (min-height: 786px) {

    header .logo {
        width: 236px;
    }

}

header .logo, header .hlinks {
    height: 8.55vmin;
}

@media screen and (min-width: 784px) and (min-height: 784px) {

    header .logo, header .hlinks {
        height: 67px;
    }

}

header .hlinks .text,
header .hlinks .signout .text {
    font-size: 4.375vmin;
    padding-top: 2vmin;
    padding-right: 4vmin;
    padding-bottom: 2vmin;
    padding-left: 4vmin;
}

/*  */
@media  screen and (min-width: 320px) and (min-height: 320px) {

    header .hlinks .text,
    header .hlinks .signout .text {
        font-size: 14px;
    }

}

@media  screen and (min-width: 350px) and (min-height: 350px) {

    header .hlinks .text,
    header .hlinks .signout .text {
        padding-left: 14px;
        padding-right: 14px;
    }

}

@media  screen and (min-width: 425px) and (min-height: 425px) {

    header .hlinks .text,
    header .hlinks .signout .text {
        padding-top: 8.5px;
        padding-bottom: 8.5px;
    }

}
/*  */

form button, button[type=submit], button[type=button], button#fb-yes, button#fb-no {
    font-size: 4.375vmin;
    padding-top: 4vmin;
    padding-right: 5vmin;
    padding-bottom: 4vmin;
    padding-left: 5vmin;
}

/*  */
@media  screen and (min-width: 350px) and (min-height: 350px) {

    form button, button[type=submit], button[type=button], button#fb-yes, button#fb-no {
        padding-top: 14px;
        padding-bottom: 14px;
    }

}

@media  screen and (min-width: 480px) and (min-height: 480px) {

    form button, button[type=submit], button[type=button], button#fb-yes, button#fb-no {
        font-size: 21px;
    }

}

@media  screen and (min-width: 880px) and (min-height: 880px) {

    form button, button[type=submit], button[type=button], button#fb-yes, button#fb-no {
        padding-left: 44px;
        padding-right: 44px;
    }

}
/*  */

.cta-messaging {
    margin-top: 11vmin;
}

.shape_5x3_5 .cta-messaging > .clearfix {
    margin-left: 2vw;
    max-width: 46vw;
}

.cta-messaging h1 {
    font-size: 6.75vmin;
    line-height: 7.25vmin;
}

@media  screen and (min-width: 711px) and (min-height: 711px) {

    .cta-messaging h1 {
        font-size: 48px;
    }

}

@media  screen and (min-width: 731px) and (min-height: 731px) {

    .cta-messaging h1 {
        line-height: 53px;
    }

}

.cta-messaging .pricing {
    margin-top: 0.625vmin;
    margin-bottom: 1.875vmin;
    font-size: 4.375vmin;
    line-height: 5.3125vmin;
}

/*  */
@media  screen and (min-width: 545px) and (min-height: 545px) {

    .cta-messaging .pricing {
        line-height: 29px;
    }

}

@media  screen and (min-width: 571px) and (min-height: 571px) {

    .cta-messaging .pricing {
        font-size: 25px;
    }

}

@media  screen and (min-width: 1066px) and (min-height: 1066px) {

    .cta-messaging .pricing {
        margin-bottom: 20px;
    }

}


/*  */